.sections {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.sectionItem {
  width: 360px;
  height: 200px;
}

.sectionItemLength1 {
  width: 100%;
  height: 200px;
}

.sectionItemActive {
  background: rgba(17, 29, 41, 1);
}

.postItem {
  height: 200px;
  box-sizing: content-box;
}

.postItemBoxShadow {
  box-shadow: 0 5rem 5rem -10px rgb(0 0 0 / 15%) !important;
}

// pc
.pc_left {
  top: 6.125rem;
  padding-bottom: 6.125rem;
  height: calc(100vh - 6.125rem);
}

.pc_left::-webkit-scrollbar {
  width: 0.375rem;
  border-radius: 0.19rem;
}

.pc_left::-webkit-scrollbar-thumb {
  background-color: var(--yw-bg-bg);
  border-radius: 0.19rem;
}

.pc_left::-webkit-scrollbar-track {
  background-color: var(--bs-border-color);
  border-radius: 0.19rem;
}

.pc_left_section:hover {
  color: var(--bs-body-color);
  background: var(--yw-bg-bg);
}

.pc_left_section_arrow:hover {
  color: rgb(var(--bs-primary-rgb));
}

.pc_right {
  top: 6.125rem;
  padding-bottom: 6.125rem;
  height: calc(100vh - 6.125rem);
}

.pc_right::-webkit-scrollbar {
  width: 0.375rem;
  border-radius: 0.19rem;
}

.pc_right::-webkit-scrollbar-thumb {
  background-color: var(--yw-bg-bg);
  border-radius: 0.19rem;
}

.pc_right::-webkit-scrollbar-track {
  background-color: var(--bs-border-color);
  border-radius: 0.19rem;
}

.pc_right_post:hover {
  color: var(--bs-body-color);
  background: var(--yw-bg-bg);

  i {
    color: rgb(var(--bs-primary-rgb));
  }
}

.pc_right_post_tags {
}

.pc_right_post_tags::-webkit-scrollbar {
  height: 0.375rem;
  border-radius: 0.19rem;
}

.pc_right_post_tags::-webkit-scrollbar-thumb {
  background-color: #f3f4f6;
  border-radius: 0.19rem;
}

.pc_right_post_tags::-webkit-scrollbar-track {
  background-color: #f9fafb;
  border-radius: 0.19rem;
}
